// pages/articleList/articleList.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    menu:'全部',
    //显示列表
    articleList:[],
    // 所有列表
    allList:[{
      title:'博客标题',
      cover:'https://hbimg.huabanimg.com/7966b7c63348313a0f91e91775d3a1ac09f8375518e95-9wQz6o_fw658/format/webp',
      desc:'大海为什么会那么的深蓝宽广，因为里面装着真诚的心，悲伤的泪；蓝天白云为什么看去像一幅优美的画卷，因为它隐藏了里面看不见的悲伤与心痛，只想把美好永留人们心间',
      date:'2023-07-18',
      views:'1万+',
      type:'成就'
    },{
      title:'博客标题2',
      desc:'这是大海为什么会那么的深蓝宽广，因为里面装着真诚的心，悲伤的泪；蓝天白云为什么看去像一幅优美的画卷，因为它隐藏了里面看不见的悲伤与心痛，只想把美好永留人们心间',
      date:'2023-07-19',
      views:'1万+',
      type:'勋章'
    },{
      title:'博客标题3',
      desc:'这是大海为什么会那么的深蓝宽广，因为里面装着真诚的心，悲伤的泪；蓝天白云为什么看去像一幅优美的画卷，因为它隐藏了里面看不见的悲伤与心痛，只想把美好永留人们心间',
      date:'2023-07-19',
      views:'1万+',
      type:'成就'
    }]
  },
  onLoad(options) {
    this.data.articleList.push(...this.data.allList)
    // 响应式更新
    this.setData({
      articleList:this.data.articleList
    })
  },
  handler(e){
    console.log("----",e)
    // 获取点击类型
    let name = e.currentTarget.dataset.name
    // 清空列表原有数据
    this.data.articleList.length = 0
    // 判断如果点击的name是全部，那么将所有列表添加到显示列表中
    if(name ==  '全部'){
      this.data.articleList.push(...this.data.allList)
    }else{
      for(let i=0;i<this.data.allList.length;i++){
        if(this.data.allList[i].type == name){
          // 将过滤的文章添加到显示列表中
          this.data.articleList.push(this.data.allList[i])
        }
      }
    }
    // 响应式方式更新menu
    this.setData({
      menu:name,
      articleList:this.data.articleList
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})